<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../static/laydate/need/laydate.css" />
		<script src="../static/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../static/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../static/laydate/laydate.js"></script>
		<script src="js/announcement.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.table-bordered>tbody>tr>td {
				vertical-align: middle;
			}
		</style>
	</head>

	<body>
		<div class="form-group" style="margin-top: 10px">
			<!--全局盒子 -->
			<div class="form-group">
				<!--顶部盒子 -->
				<table>
					<tr>
						<td>
							<label>新闻/公告标题</label>
						</td>
						<td>
							<input type="text" class="form-control" placeholder="新闻/公告标题" />
						</td>
						<td>
							<label>发布人</label>
						</td>
						<td>
							<input type="text" class="form-control" placeholder="发布人" />
						</td>
						<td>
							<label>开始时间</label>
						</td>
						<td>
							<input type="text" class="form-control" id="ksshijian" placeholder="开始时间" />
						</td>
						<td>
							<label>结束时间</label>
						</td>
						<td>
							<input type="text" class="form-control" id="jsshijian" placeholder="结束时间" />
						</td>
						<td>
							<input type="button" class="btn btn-primary" value="搜索" />
						</td>
						<td>
							<input type="button" data-toggle="modal" data-target="#xinzeng" class="btn btn-primary" value="新增新闻/公告" />
						</td>
					</tr>
				</table>
			</div>
			<!--顶部盒子结束 -->
			<div class="form-group">
				<!--中部盒子 -->
				<table class="table table-striped table-bordered text-center table-hover">
					<tr class="info">
						<td>排序</td>
						<td class="col-sm-5">标题</td>
						<td>公告状态</td>
						<td>发布人</td>
						<td>创建日期</td>
						<td>结束日期</td>
						<td>操作</td>
					</tr>
					<tbody>
						<tr>
							<td>排序</td>
							<td>标题</td>
							<td><input type="button" class="btn btn-danger btn-xs" value="禁用" /></td>
							<td>发布人</td>
							<td>创建日期</td>
							<td>结束日期</td>
							<td>
								<input type="button" onclick="xgai()" class="btn btn-info btn-sm" value="修改" />
								<input type="button" class="btn btn-danger btn-sm" value="禁用/启用" />
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!--中部盒子结束 -->
			<div class="form-inline">
				<!--下部盒子 -->
				<label>显示第1到第4条记录,总共4条记录 每页显示
				<select class="form-control">
					<option selected="">5</option>
					<option>10</option>
					<option>20</option>
					<option>50</option>
					<option>100</option>
				</select>
				条记录</label>
				<label style="float: right;">
				<input type="button" class="btn btn-default" value="<" />
				<input type="button" class="btn btn-primary" value="1" />
				<input type="button" class="btn btn-default" value=">" />
			</label>
			</div>
			<!--下部盒子结束 -->
		</div>
		<!--全局盒子结束 -->
		<!--模态框 -->
		<div class="modal" id="xiugai">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<!--模态框头部 -->
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">修改员工信息</h4>
					</div>
					<div class="modal-body">
						<!--模态框内容 -->
						<div class="row">
							<div class="form-group col-sm-12">
								<div class="input-group  col-sm-12">
									<div class="input-group-addon">
										新闻公告标题
									</div>
									<input type="text" class="form-control" placeholder="新闻公告内容" />
									<span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-11">
									<div class="input-group-addon">发布人</div>
									<input type="text" class="form-control" disabled="disabled" />
								</div>
							</div>
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-12">
									<div class="input-group-addon">状态</div>
									<select class="form-control">
										<option>启动</option>
										<option selected="">禁用</option>
									</select>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-11">
									<div class="input-group-addon">创建时间</div>
									<input type="text" id="cjshijian1" class="form-control" placeholder="创建时间" disabled="disabled" />
								</div>
							</div>
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-12">
									<div class="input-group-addon">结束时间</div>
									<input type="text" id="jieshusj1" class="form-control" placeholder="结束时间" />
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-12">
								<div class="input-group col-sm-12">
									<div class="input-group-addon">
										新闻公告内容
									</div>
									<textarea class="form-control" rows="3" placeholder="新闻公告内容"></textarea>
									<span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
						</div>
						</table>
					</div>
					<div class="modal-footer">
						<!--模态框下边的按钮 -->
						<input type="button" class="btn btn-default" data-dismiss="modal" value="关闭" />
						<input type="button" class="btn btn-info" data-dismiss="modal" value="确定" />
					</div>
				</div>
			</div>
		</div>
		<div class="modal" id="xinzeng">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<!--模态框头部 -->
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">修改员工信息</h4>
					</div>
					<div class="modal-body">
						<!--模态框内容 -->
						<div class="row">
							<div class="form-group col-sm-12">
								<div class="input-group  col-sm-12">
									<div class="input-group-addon">
										新闻公告标题
									</div>
									<input type="text" class="form-control" placeholder="新闻公告内容" />
									<span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-11">
									<div class="input-group-addon">发布人</div>
									<input type="text" class="form-control" disabled="disabled" />
								</div>
							</div>
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-12">
									<div class="input-group-addon">状态</div>
									<select class="form-control">
										<option>启动</option>
										<option selected="">禁用</option>
									</select>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-11">
									<div class="input-group-addon">创建时间</div>
									<input type="text" id="cjshijian" class="form-control" placeholder="创建时间" />
								</div>
							</div>
							<div class="form-group col-sm-6">
								<div class="input-group col-sm-12">
									<div class="input-group-addon">结束时间</div>
									<input type="text" id="jieshusj" class="form-control" placeholder="结束时间" />
								</div>
							</div>
						</div>
						<div class="row">
							<div class="form-group col-sm-12">
								<div class="input-group col-sm-12">
									<div class="input-group-addon">
										新闻公告内容
									</div>
									<textarea class="form-control" rows="3" placeholder="新闻公告内容"></textarea>
									<span class="glyphicon form-control-feedback"></span>
								</div>
							</div>
						</div>
						</table>
					</div>
					<div class="modal-footer">
						<!--模态框下边的按钮 -->
						<input type="button" class="btn btn-default" data-dismiss="modal" value="关闭" />
						<input type="button" class="btn btn-info" data-dismiss="modal" value="确定" />
					</div>
				</div>
			</div>
		</div>
	</body>

</html>